@import "variable";
@import "mixin";

.post {
  a {
    text-shadow: 1px 1px 2px @gray-light;
  }

  img {
    border-radius: 6px;
  }

  .label {
    line-height: inherit;
  }

  &-header {
    margin: 0 0 12px;
    border-bottom: 1px solid @gray-lighter;
  }

  &-title {
    .transition-transform();

    &:hover,
    &:focus {
      .translate(.5em);
    }
  }

  &-content {
    font-size: 16px;

    p {
      text-indent: 2em;
    }

    > p:first-child:first-letter {
      font-size: 2em;
    }

    .img {
      text-align: center;

      a {
        &:hover,
        &:focus {
          background: none;
        }
      }
    }
  }

  &-tag {
    display: inline-block;
    margin: 0 4px 0 0;
    .transition-transform();
    text-shadow: 1px 1px 2px @gray-light;

    &:hover,
    &:focus {
      .translate(0, -.4em);
    }
  }

  &-pager {
    .previous,
    .next {
      > a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 46%;

        &:hover,
        &:focus {
          background-color: @link-background-color;
        }
      }
    }
  }

  & &-more {
    .transition-transform();
    display: inline-block;
    text-shadow: 1px 1px 2px @gray;

    &:hover,
    &:focus {
      .translate(1em);
    }
  }
}
